
import {ref} from 'vue'
interface LeftContentItem {
    title: string,
    type: string,
    key: string,
    icon: string
}

interface LeftContent {
    title: string,
    content: LeftContentItem[]
}

export const leftActionTabData: LeftContent[] = [
    {
        title: "基础",
        content: [
            {
                title: "单行文本",
                type: "input",
                key: "TEXT",
                icon: 'icon-danhangwenben'
            },
            {
                title: "多行文本",
                type: "textarea",
                key: "TEXT",
                icon: 'icon-duohangwenben'
            },
            {
                title: "数字",
                type: "num",
                key: "NUM",
                icon: 'icon-shuzi'
            },
            {
                title: "日期时间",
                type: "date",
                key: "DATE",
                icon: 'icon-riqishijian'
            },
            {
                title: "单选按钮组",
                type: "radio-group",
                key: "RADIO-GROUP",
                icon: 'icon-danxuan-xuanzhong'
            },
            {
                title: "复选框组",
                type: "checkbox-group",
                key: "CHECKBOX-GROUP",
                icon: 'icon-duoxuananniu'
            },
            {
                title: "下拉框",
                type: "select",
                key: "SELECT",
                icon: 'icon-xialakuang'
            },
            {
                title: "下拉复选框",
                type: "select-checkbox",
                key: "SELECT-CHECKBOX",
                icon: 'icon-checkDropdown'
            },
            {
                title: "分割线",
                type: "dividing-line",
                key: "DIVIDING-LINE",
                icon: 'icon-fengexian'
            },
            {
                title: "多标签页",
                type: "multi-tab ",
                key: "MULTI-TAB",
                icon: 'icon-duobiaoqianye'
            },

        ]

    }
]




export const rightOptionsData = ref([
    {
        key: 'title',
        title: '标题',
        type: 'input',
        value: '',
        customProps: {
            desc: '单行文本',
            isShow: true,
            showLable: '显示标题'

        }

    },
    {
        key: 'desInfo',
        title: '描述信息',
        type: 'rich-text',
        value: '',
        customProps: {


        }
    },

    {
        key: 'tip',
        title: '提示文字',
        type: 'input',
        value: '',
        customProps: {
            isTip: true,
            tipContent: '最多输入100个字符；如果不需要提示，清空即可',

        }
    },

    {
        key: 'check',
        title: '校验',
        type: 'checkbox',
        value: '',
        customProps: {
        },
        customOptions:[
            { label: '必填', value: 'required' },
            { label: '唯一', value: 'unique' },
            { label: '正则校验', value: 'regex' },
            { label: '自定义校验', value: 'custom' },
        ]

    },

    {
        key: 'permissions',
        title: '字段权限',
        type: 'checkbox',
        value: '',
        customProps: {
        },
        customOptions:[
            { label: '可见', value: 'visible' },
            { label: '可编辑', value: 'edit' },
          
        ]
    },

    {
        key: 'width',
        title: '字段宽度',
        type: 'radio',
        value: '6',
        customProps: {
        },
        customOptions:[
           
            { label: '1/4', value: '1' },
            { label: '1/3', value: '2' },
            { label: '1/2', value: '3' },
            { label: '2/3', value: '4' },
            { label: '3/4', value: '5' },
            { label: '整行', value: '6' },

          
        ]
    },



    // {
    //     key: 'type',
    //     title: '类型',
    //     desc: '',
    //     type: 'select',
    //     value: 'text',
    //     isRequired: false,
    //     isShow: true,
    //     isTip: false,
    //     tipContent: '',
    //     options: [
    //         { label: '文本', value: 'text' },
    //         { label: '数字', value: 'number' },
    //         { label: '邮箱', value: 'email' },
    //         { label: '手机号', value: 'phone' },
    //         { label: '身份证', value: 'idCard' },
    //         { label: '日期', value: 'date' },
    //     ]
    // },
    // {
    //     key: 'placeholder',
    //     title: '占位符',
    //     desc: '占位符',
    //     type: 'input',
    //     value: '',
    //     isRequired: false, // 添加默认值
    //     isShow: true,
    //     isTip: false, // 添加默认值
    //     tipContent: '', // 添加默认值
    // },
    // {
    //     key: 'required',
    //     title: '必填',
    //     desc: '是否必填',
    //     type: 'switch',
    //     value: false,
    //     isRequired: false, // 添加默认值
    //     isShow: true,
    //     isTip: false, // 添加默认值
    //     tipContent: '', // 添加默认值
    // },
    // {
    //     key: 'disabled',
    //     title: '禁用',
    //     desc: '是否禁用',
    //     type: 'switch', // 添加类型
    //     value: false,
    //     isRequired: false, // 添加默认值
    //     isShow: true,
    //     isTip: false, // 添加默认值
    //     tipContent: '', // 添加默认值
    // }
]);